<template>
  <div class="bg-white rounded-sm py-4 px-4">
    <el-form
      :model="form"
      class="demo-form-inline"
    >
      <el-row :gutter="24" />
      <el-form-item label="单位名称">
        <el-input
          v-model="form.user"
          placeholder="请输入单位名称"
          clearable
        />
      </el-form-item>
      <el-form-item label="Activity zone">
        <el-select
          v-model="form.region"
          placeholder="Activity zone"
          clearable
        >
          <el-option
            label="Zone one"
            value="shanghai"
          />
          <el-option
            label="Zone two"
            value="beijing"
          />
        </el-select>
      </el-form-item>
      <el-form-item label="Activity time">
        <el-date-picker
          v-model="form.date"
          type="date"
          placeholder="Pick a date"
          clearable
        />
      </el-form-item>
    </el-form>
  </div>
</template>
<script setup>
import { ref } from 'vue'

const form = ref({})
</script>
